<style>
    .basicinfo {
        margin: 15px 0;
    }

    .basicinfo .row > .col-xs-4 {
        padding-right: 0;
    }

    .basicinfo .row > div {
        margin: 5px 0;
    }
    .lanmu_tips{
        font-size: 12px;
        margin-left: 15px;
        color: red;
    }
</style>
<div id="content-container" class="container" style="margin-top: 50px;">
    <div class="row">
        <div class="col-md-3">
            {include file="common/sidenav" /}
        </div>
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-body">
                    <h2 class="page-header">
                        <img src="/static/images/qrcode.png" alt="" style="width: 32px;margin-top: -3px;cursor: pointer" class="btn-showqrcode">
                        <span style="font-size: 15px">{:__('huiyuan_ma')}</span>
                        <span class="lanmu_tips">{$lanmu_tips}</span>
                        <div class="pull-right">
                            <a href="{:url('user/profile')}" class="btn btn-primary pull-right"><i class="fa fa-pencil"></i> {:__('Edit Info')}</a>

                        </div>
                    </h2>
                    <div class="row user-baseinfo">
                        <div class="col-md-3 col-sm-3 col-xs-3 text-center user-center">
                            <a href="{:url('user/profile')}" title="{:__('Click to edit')}">
                                <span class="avatar-img"><img src="{$user.avatar|htmlentities|cdnurl}" alt=""></span>
                            </a>
                        </div>
                        <div class="col-md-9 col-sm-9 col-xs-9">
                            <div class="ui-content">
                                <h4>{:__('Account')}：{$user.username}</h4>
                                <p class="text-muted" style="color: red">
                                    {if $user.birthday eq '' or $user.mobile eq ''}
                                    {:__("finish_xinxi")}
                                    {/if}
                                </p>
                            </div>
                        </div>

                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <div class="ui-content">
                                <div class="basicinfo">
                                    <div class="row">
                                        <div class="col-xs-6 col-md-6">{:__('Customer Num')}：{$user.bianhao}</div>
                                        <div class="col-xs-6 col-md-6">{:__('Mobile')}：{$user.mobile}</div>

                                    </div>


                                    <div class="row">

                                        <div class="col-xs-6 col-md-6">{:__('Name_en')}：{$user.nickname_en}</div>
                                        <div class="col-xs-6 col-md-6">{:__('Name')}： {$user.nickname}</div>

                                    </div>

                                    <div class="row">
                                        <div class="col-xs-6 col-md-6">{:__('birthday')}：{$user.birthday}</div>

                                        <div class="col-xs-6 col-md-6">{:__('Age')}：{$user.age}</div>

                                    </div>

                                    <div class="row">
                                        <div class="col-xs-6 col-md-6">{:__('Logintime')}：{$user.logintime|date="Y-m-d",###}</div>


                                        <div class="col-xs-6 col-md-6">{:__('Prevtime')}：{$user.prevtime|date="Y-m-d",###}</div>

                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="showQrcode">

    <form  class="form-horizontal form-layer">
        <div class="form-body">


            <div class="form-group" data-type="mobile">
                <div class="col-xs-12 col-sm-12" style="display: flex;justify-content: center;color: #000;flex-direction: column">
                    <div style="display: flex;justify-content: center;">{:__('Entry Code')}</div>
                    <p style="display: flex;justify-content: center;">{:__('show_code')}</p>
                    <img src="{$user.qrcode}" alt="" style="width: 220px;margin: auto">
                </div>
            </div>

        </div>
        <div class="form-group form-footer">

        </div>
    </form>
</script>
